<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="UTF-8" />
    <title>个人主页-编辑</title>
    <link rel="stylesheet" href="../css/personage.css">
    <script type="text/javascript" src="../js/jquery.min.js"></script>
    <script type="text/javascript" src="../underscore/underscore-min.js"></script>
    <script type="text/javascript" src="../js/list_more.js"></script>
</head>
<body class="background_grey">
    <div class="header">
        <div class="header_in">
            <div class="header_logo">
                <h1></h1>
                <img src="../images/index_log.jpg" /> 
            </div>
            <div class="header_nav">
                <ul>
                    <li><a href="model_news_list.html">前沿资讯</a></li>
                    <li><a href="model_problem_list.html">互动问答</a></li>
                    <li><a href="model_personage_center.html">帮助中心</a></li>
                </ul>
            </div>
            <div class="header_info">
                <div class="header_info_find"><a href="model_person_index.html">寻找合作伙伴</a></div>
                <div class="header_greet">
                    enzo，您好
                </div>
                <div class="header_register display_none">
                    <a href="#">登录</a>|
                    <a href="#">注册</a>
                </div>
                <div class="header_exit">
                    <a href="#">我的项目</a>|
                    <a href="#">退出</a>
                </div>
                <div class="header_become display_none">
                    <a href="#">成为我们的专家</a>
                </div>
            </div>
            <div class="clear_both"></div>
        </div>
    </div>
    <div class="personage_wrap">
        <div class="personage_nav">
            <div class="personage_nav_title">账户</div>
            <ul class="personage_nav_list">
                <li class="active item1">
                    <span></span>动态
                </li>
                <li class="item2">
                    <span></span>我的钱包
                </li>
                <li class="item3">
                    <span></span>实名认证
                </li>
                <li class="item4">
                    <span></span>账户安全
                </li>
                <li class="item5">
                    <span></span>人才归档
                </li>
            </ul>
            <div class="personage_nav_title">任务管理</div>
            <ul class="personage_nav_list">
                <li class="item6">
                    <span></span>我的预约
                </li>
                <li class="item7">
                    <span></span>我的项目
                </li>
                <li class="item8">
                    <span></span>我的问答
                </li>
            </ul>
            <div class="personage_nav_title">消息</div>
            <ul class="personage_nav_list">
                <li class="item9">
                    <span></span>消息中心<i>10</i>
                </li>
            </ul>
            <div class="personage_nav_title">我的收藏</div>
            <ul class="personage_nav_list">
                <li class="item10">
                    <span></span>收藏的资讯
                </li>
                <li class="item11">
                    <span></span>收藏的人才
                </li>
                <li class="item12">
                    <span></span>收藏的问答
                </li>
                <li class="item13">
                    <span></span>收藏的项目
                </li>
            </ul>
        </div>
        <div class="personage_main">
            <div class="personage_main_in">
                <div class="personage_index_redact_item">
                    <div class="title color_79879a">
                        您的登录账号
                    </div>
                    <ul class="list">
                        <li class="item color_333 border_bottom_eaeef2">
                            <div class="designation">账户ID</div>
                            <div class="font">
                                zbkey9927
                            </div>
                        </li>
                        <li class="item color_333 border_bottom_eaeef2">
                            <div class="designation">账户ID</div>
                            <div class="font">
                                zbkey9927
                                <span class="icon active color_fff">已验证</span>
                            </div>
                            <em class="modification"><a href="#" class="color_309bff">修改</a></em>
                        </li>
                        <li class="item color_333 border_bottom_eaeef2">
                            <div class="designation">账户ID</div>
                            <div class="icon color_fff">
                                已绑定
                            </div>
                        </li>
                    </ul>
                </div>
                <div class="personage_index_redact_item">
                    <div class="title color_79879a">
                        您的登录账号
                    </div>
                    <ul class="list">
                        <li class="item item_portrait color_333 border_bottom_eaeef2">
                            <div class="designation">账户ID</div>
                            <div class="portrait">
                                <span  class="portrait_img border_radius_50"><img src="" alt="" class="cover"/></span>
                                <span class="change_picture"><a href="#" class="color_309bff">更改图片</a></span>
                            </div>
                        </li>
                        <li class="item color_333 border_bottom_eaeef2">
                            <div class="designation">账户ID</div>
                            <div class="font">
                                zbkey9927
                            </div>
                        </li>
                        <li class="item color_333 border_bottom_eaeef2">
                            <div class="designation">账户ID</div>
                            <div class="choice">
                                <label><input name="male" type="radio" value="" />男</label>
                                <label><input name="female" type="radio" value="" />女</label>
                            </div>
                        </li>
                    </ul>
                </div>
                <div class="personage_index_redact_btn">
                    <div class="personage_index_redact_btn_in btn_blue">保存</div>
                </div>
            </div>
        </div>
    </div>
    <div class="index_footer">
        <div class="index_footer_link">
            <a href="">新闻公告</a>|
            <a href="">关于我们</a>|
            <a href="">联系我们</a>|
            <a href="">用户协议</a>
        </div>
        <p class="index_footer_copy">Copyright©2016 yk-zb.com 粤科众包 版权所有 粤ICP备16027165号-1</p>
    </div>
</body>
</html>
<script type="text/javascript">
    $(function() {
        /*左边导航*/
        (function fnTab(){
            for( var i = 0; i< $('.personage_nav li').length; i++){
                if($('.personage_nav li').eq(i).hasClass('active')){
                    console.log(i);
                    var index = i;
                }
            }

            $('.personage_nav li').hover(function() {
                $('.personage_nav li').eq(index).addClass('active');
                $(this).addClass('active');
            }, function() {
                $(this).removeClass('active');
                $('.personage_nav li').eq(index).addClass('active');
            });
                
        })();
    });
</script>